<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
<meta name="format-detection" content="telephone=no" /> 
<link rel="shortcut icon" href="images/logo.ico" />
<title>闪度生活</title>
<meta name="keywords" content=" " />
<meta name="description" content=" " />


<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/swiper-3.4.1.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/easing.js"></script>
<script src="js/swiper-3.4.1.min.js"></script>
<script src="js/index.js"></script>
<script src="js/main.js"></script>

<script src="./js/vue.js"></script>
<script src="./js/axios.min.js"></script>
<script src="./js/axios-config.js"></script>
<script src="./js/js.cookie.js"></script>
<script src="./js/utils.js"></script>

</head>

<body>
<div id="app">
<!--  / header  -->
<div class="header_longevity">
    <div class="header_map_longevity">   
        <img src="images/jiantou.png" alt="">
        <span>返回</span>
    </div>
    <div class="logo_longevity">长寿秘诀</div> 
</div>
<!--  / header  -->

<!--  / list  -->
<div class="longevity">
    <div class="longevity1">
            <ul>
                <li class="longevity1-content" v-for="CheatsCate in CheatsCateList" @click="jump(CheatsCate.cheats_id)">
                    <div class="longevity1-content-left">
                        <p class="longevity1-content-text2">{{CheatsCate.title}}</p>
                        <p class="longevity1-content-text1">
                            <img src="images/news_pl1.png" alt="" class="img1">
                            <span>{{CheatsCate.evaluate}}</span>
                            <i v-if="CheatsCate.is_read">已读</i>
                            <i v-else>未读</i>
                        </p>
                    </div>
                    <div class="longevity1-content-right">
                        <img :src="CheatsCate.pic" alt="" class="img2">
                    </div>
                    <table style="clear:both;"></table>
                </li>
              <!--  <li class="longevity1-content">
                        <div class="longevity1-content-left">
                            <p class="longevity1-content-text2">方式都发生的父母</p>
                            <p class="longevity1-content-text1">
                                <img src="images/news_pl1.png" alt="" class="img1">
                                <span>0</span>
                                <i>未读</i>
                            </p>
                        </div>
                        <div class="longevity1-content-right">
                            <img src="images/long_1.jpg" alt="" class="img2">
                        </div>
                        <table style="clear:both;"></table>
                </li>
                <li class="longevity1-content">
                        <div class="longevity1-content-left">
                            <p class="longevity1-content-text2">发生的发生的</p>
                            <p class="longevity1-content-text1">
                                <img src="images/news_pl1.png" alt="" class="img1">
                                <span>0</span>
                                <i>未读</i>
                            </p>
                        </div>
                        <div class="longevity1-content-right">
                            <img src="images/long_2.jpg" alt="" class="img2">
                        </div>
                        <table style="clear:both;"></table>
                </li>-->
            </ul>
    </div>
</div>
</div>


<!--  / footer  -->
<!-- <div class="footer">
  <ul class="clearfix">
    <a href="##">
    <li class="on">
    	  <div class="footer_img footer_img1">
      		  <img src="images/ic_home_home_gray.png">
      		  <img src="images/ic_home_home_yellow.png">
        </div>
        <span>主页</span>
    </li>
    </a>
    <a href="##">
    <li>
    	  <div class="footer_img footer_img1">
      		  <img src="images/ic_home_yishu_gray.png">
      		  <img src="images/ic_home_yishu_yellow.png">
        </div>
        <span>老故事</span>
    </li>
    </a>
    <li class="ind_share_btn">
    	  <div class="footer_img footer_img2">
    	  	  <img src="images/ic_dibutiao_shandu_gray.png">
    	  	  <img src="images/ic_dibutiao_shandu_yellow.png">
    	  </div>
    </li>
    <li>
    	  <div class="footer_img footer_img1">
      		  <img src="images/ic_home_dingdan_gray.png">
      		  <img src="images/ic_home_dingdan_yellow.png">
        </div>
        <span>订单</span>
    </li>
    <a href="##">
    <li>
    	  <div class="footer_img footer_img1">
    	      <img src="images/ic_home_geren_gray.png">	
    	      <img src="images/ic_home_geren_yellow.png">	
    	  </div>	
        <span>我的</span>
    </li>
    </a>
  </ul>
</div> -->
<!--  / footer  -->

</body>
<script>
$(window).ready(function(){
	
	var vm = new Vue({
		el:"#app",
		data() {
            return {
                CheatsCateList: []
            }
		},
    created: function () {
		var $this = this;
    	$this.getCheatsCateList();
    },
    mounted:function(){
    	
    },
    methods:{
    	
    	//咨询列表
    	getCheatsCateList:function(){
    		var $this = this;
    		const data = {
    			cate_id : getCookie("Cheats_cate_id")
    		}
    		
    		Axios.post(window.Url.Cheats_cate_list,data).then((res) => {
    			
    			if(res.result == 1){
    				$this.CheatsCateList = res.info.cheats;
    			}
    			else{
    				console.log('咨询列表:'+res.info);
    			}
    			
	        }).catch((err) => {
	          console.log('咨询列表:'+err);
	        })
    	},
    	//跳转详情页
    	jump:function(cheats_id){
    		setCookie('cheats_details_id',cheats_id)
    		window.location.href = "InformationDetails.html";
    	}
    }
})
	
    var str2=sessionStorage.getItem('title1',str2);
    $('.logo_longevity').html(str2);

$('.banner').height($(window).width()*400/750);

var mySwiper_banner = new Swiper ('.swiper-container-banner', {
    loop: true,
    pagination: '.swiper-pagination-banner',
	autoplay : 5000,
	autoplayDisableOnInteraction : false,
})
$('.header_map_longevity').click(function(){
    history.go(-1);
});
$('.longevity1 li').click(function(){
    window.location.href = "InformationDetails.html";
});
$('.header_shop_longevity').click(function(){
    window.location.href = "InformationClassify.html";
});

  
})  
</script>
</html>
